home *** CD-ROM | disk | FTP | other *** search
/ Freelog 125 / Freelog_MarsAvril2015_No125.iso / ViePratique / ArchiFacile / ArchiFacileSetup.exe / {app} / nw.pak / Unnamed File 001141.txt < prev    next >
Text File  |  2014-10-14  |  4KB  |  187 lines
  1. <!--
  2. Copyright 2013 The Chromium Authors. All rights reserved.
  3. Use of this source code is governed by a BSD-style license that can be
  4. found in the LICENSE file.
  5. -->
  6. <!DOCTYPE html>
  7. <html i18n-values="dir:textdirection">
  8. <head>
  9.   <meta charset="utf-8">
  10.   <title i18n-content="Media Internals"></title>
  11.   <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
  12.  * Use of this source code is governed by a BSD-style license that can be
  13.  * found in the LICENSE file. */
  14.  
  15. html,
  16. body,
  17. #container {
  18.   margin: 0;
  19.   padding: 0;
  20.   width: 100%;
  21.   height: 100%;
  22. }
  23.  
  24. table {
  25.   font-family: sans-serif;
  26.   -webkit-font-smoothing: antialiased;
  27.   font-size: 115%;
  28.   width: auto;
  29.   overflow: auto;
  30.   display: block;
  31. }
  32. th {
  33.   background-color: rgb(112, 196, 105);
  34.   font-weight: normal;
  35.   color: white;
  36.   padding: 2px;
  37.   text-align: center;
  38.   min-width: 230px;
  39. }
  40. td {
  41.   background-color: rgb(238, 238, 238);
  42.   padding: 2px;
  43.   color: rgb(111, 111, 111);
  44.   word-wrap: break-word;
  45.   min-width: 230px;
  46. }
  47.  
  48. h1,
  49. h2,
  50. h3 {
  51.   color: rgb(50,50,50);
  52. }
  53.  
  54. #container {
  55.   display: flex;
  56.   flex-direction: row;
  57.   flex-wrap: wrap;
  58.   justify-content: space-between;
  59.   align-items: flex-start;
  60.   align-content: stretch;
  61. }
  62.  
  63. #container > * {
  64.   padding: 0;
  65.   padding-left: 25px;
  66.   margin: 0;
  67. }
  68.  
  69. #list-wrapper {
  70.   display: flex;
  71.   flex-direction: column;
  72.   justify-content: space-between;
  73.   align-items: flex-start;
  74.   align-content: stretch;
  75. }
  76.  
  77. #player-list-wrapper,
  78. #audio-component-list-wrapper {
  79.   flex-grow: 1;
  80.   align-self: stretch;
  81.   min-width: 200px;
  82.   overflow: auto;
  83. }
  84.  
  85. #player-list-wrapper ul,
  86. #player-list-wrapper li,
  87. #audio-component-list-wrapper ul,
  88. #audio-component-list-wrapper li {
  89.   padding: 0px;
  90.   list-style-type: none;
  91. }
  92. #list-wrapper button {
  93.   padding: 0px;
  94. }
  95.  
  96. #property-wrapper,
  97. #log-wrapper {
  98.   display:block;
  99.   flex-grow: 0.5;
  100.   align-self: stretch;
  101.   overflow: auto;
  102. }
  103.  
  104. #log-wrapper > thead {
  105.   position: fixed;
  106. }
  107.  
  108. #graphs li {
  109.   list-style-type: none;
  110. }
  111.  
  112. #clipboard-textarea {
  113.   position: absolute;
  114.   width: 50%;
  115.   height: 50%;
  116.  
  117.   left: 25%;
  118.   top: 25%;
  119. }
  120.  
  121. .hiddenClipboard {
  122.   display: none;
  123. }
  124.  
  125. .timestamp {
  126.   min-width: 115px;
  127. }</style>
  128.   <script src="chrome://resources/js/cr.js"></script>
  129. </head>
  130.  
  131. <body>
  132.   <textarea id="clipboard-textarea" class="hiddenClipboard"></textarea>
  133.   <div id="container">
  134.     <div id="list-wrapper">
  135.       <div id="player-list-wrapper">
  136.         <h2>Players</h2>
  137.         <ul id="player-list"></ul>
  138.       </div>
  139.       <div id="audio-component-list-wrapper">
  140.         <h2>Input Controllers</h2>
  141.         <ul id="audio-input-controller-list"></ul>
  142.       </div>
  143.       <div id="audio-component-list-wrapper">
  144.         <h2>Output Controllers</h2>
  145.         <ul id="audio-output-controller-list"></ul>
  146.       </div>
  147.       <div id="audio-component-list-wrapper">
  148.         <h2>Output Streams</h2>
  149.         <ul id="audio-output-stream-list"></ul>
  150.       </div>
  151.     </div>
  152.     <div id="property-wrapper">
  153.       <h2>
  154.         <span id="property-name"></span> Properties
  155.         <button id="copy-button">copy to clipboard</button>
  156.       </h2>
  157.       <table id="property-table">
  158.         <thead>
  159.           <tr>
  160.             <th>Property</th>
  161.             <th>Value</th>
  162.           </tr>
  163.         </thead>
  164.         <tbody></tbody>
  165.       </table>
  166.       <ul id="graphs"></ul>
  167.     </div>
  168.     <div id="log-wrapper">
  169.       <h2>
  170.         Log <input id="filter-text" type="text">
  171.       </h2>
  172.       <table id="log">
  173.         <thead>
  174.           <tr>
  175.             <th class="timestamp">Timestamp</th>
  176.             <th>Property</th>
  177.             <th>Value</th>
  178.           </tr>
  179.         </thead>
  180.         <tbody></tbody>
  181.       </table>
  182.     </div>
  183.   </div>
  184.   <script src="media_internals.js"></script>
  185. </body>
  186. </html>
  187.